import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Vm from '../views/demo/Vm.vue'
// import About from './views/About.vue'

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: import('../views/About.vue') },
  { path: '/vm', component: Vm },
  { path: '/vm1', component: import('../views/demo/Vm1.vue') },
  { path: '/ds', component: import('../views/demo/DataSet.vue') },
  { path: '/ds1', component: import('../views/demo/DataSet1.vue') },
  { path: '/ds2', component: import('../views/demo/DataSet2.vue') },
  { path: '/ds3', component: import('../views/demo/DataSet3.vue') },
  { path: '/tf', component: import('../views/demo/Transform.vue') },
  { path: '/tf2', component: import('../views/demo/Transform1.vue') },
  { path: '/axis', component: import('../views/demo/Axis.vue') },
  { path: '/legend', component: import('../views/demo/Legend.vue') },
  { path: '/lesson1', component: import('../views/vuedemo/lesson1.vue') },
  { path: '/lesson2', component: import('../views/vuedemo/lesson2.vue') },
  { path: '/lesson3', component: import('../views/vuedemo/lesson3.vue') },
  { path: '/lesson4', component: import('../views/vuedemo/lesson4.vue') },
  { path: '/lesson5', component: import('../views/vuedemo/lesson5.vue') },
  { path: '/lesson6', component: import('../views/vuedemo/lesson6.vue') },
  { path: '/lesson7', component: import('../views/vuedemo/lesson7.vue') },
  { path: '/lesson8', component: import('../views/vuedemo/lesson8.vue') },
  { path: '/lesson9', component: import('../views/vuedemo/lesson9.vue') },
  { path: '/test1', component: import('../views/test1.vue') },
  { path: '/app2', component: import('../views/app2.vue') },

]

const router = createRouter({ history: createWebHistory(), routes })

export default router